<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/semantic.css" media="screen" title="no title" charset="utf-8">
    <title>My first landing page</title>
  </head>
  <body>
    <div class="ui inverted fixed fitted three item  menu">
      <a href="#" class="item">Home</a>
      <a href="#" class="item">About</a>
      <a href="#" class="item">Others</a>
    </div>
    <div class="ui img">
      <img src="images/banner.jpg" alt="banner">
    </div>

    <div class="ui vertical basic segment ">
      <div class="ui grid">
        <div class="ui ten wide column">
          <div class="ui img">
            <img src="images/devices2.png" alt="devices">
          </div>
        </div>

        <div class="ui six wide column">
          <h1 class="ui header">
            <i class="ui star icon"></i>
            离骚
          </h1>
          <p>
            编程之路漫漫兮，
            吾将上下而求索。
        </p>
        </div>
      </div>
    </div>


    <div class="ui vertical very padded inverted segment">
      <div class="ui grid">
        <div class="four wide column">
          <div class="ui vertical inverted text menu">
            <div class="item">
              <h3 class="ui inverted header">Company</h3>
            </div>
            <div class="item">
              Address: zn
            </div>
            <div class="item">
              tel: 12345678
            </div>
            <div class="item">
              Fax: 131321321
            </div>
          </div>
        </div>

        <div class="four wide column">
          <div class="ui vertical inverted text menu">
            <div class="item">
              <h3 class="ui inverted header">Company</h3>
            </div>
            <div class="item">
              Address: zn
            </div>
            <div class="item">
              tel: 12345678
            </div>
            <div class="item">
              Fax: 131321321
            </div>
      </div>
    </div>
  </body>
</html>
